.switch{
    overflow: hidden;
}
.switch-s{
    font-size: 56px;
    /*height: 74px;*/
    width: 244px;
}
.switch-m{
    font-size: 36px;
    /*height: 74px;*/
    width: 160px;
}
.switch-l{
    font-size: 26px;
    /*height: 74px;*/
    width: 130px;
}
.switch-xl{
    font-size: 16px;
    /*height: 74px;*/
    width: 100px;
}
div{
    text-align: center;
}
.switch-on{
    width: 150%;
    height: 100%;
    overflow:hidden;
    /*transition: left 0.5s;*/
}
.switch-off{
    width: 150%;
    height: 100%;
    overflow:hidden;
    margin-left: -50%;
}
.switch-left{
    width: 33%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: aqua;
    float: left;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.switch-mid{
    width: 34%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: aliceblue;
    float: left;
}
.switch-right{
    width: 33%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: aqua;
    float: left;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.switch-in-s{
    padding-top: 9px;
    padding-bottom: 9px;
 }